/*----------作品 --star------------*/
.crearworker{
	height: 50px;
	width: 100%;
	box-sizing: border-box;		
}
.crearworker a{display: block; width: 100%; border-radius: 3px;font-size: 15px; text-align: center;}
.crearworker a span{display: block; width: 100%;}
.crearworker a span:first-child{font-size: 20px; line-height:  27px; height: 21px;}

.worker_main{ height:calc(100% - 24px); display: block; position: relative;}
.show_worker{/*height: calc(100% - 143px);*/height: calc(100% - 107px); margin-top: 0px; background: #eee;}
.show_calendar .weui-cell{padding: 12px 0px 0px 0px;}
.show_calendar .weui-cell__bd,.text_modal_title .weui-cell__bd {text-align: right;}
.workeritem .weui-flex{padding: 8px 5px; position: relative;}
.weui-flex__item{text-align: center;}
.worker_main .weui-flex__item img{ width:100%; vertical-align: middle;}
.worker_main .weui-flex__item .placeholder{position: relative; 
background-repeat: no-repeat;
background-position: center;
background-size: cover;

}
.worker_main .weui-flex__item .placeholder:first-child{margin-right: 3px;}
.worker_main .weui-flex__item .placeholder:last-child{margin-left: 3px;}
.show_worker .weui-cells:before{border-top: 0px;}
.show_worker .weui-cells:after{border-bottom:0px}
.show_worker .weui-cells{margin-top: 0px;}
.worker_countbox{text-align: center;}
.worker_count a{ width: 20px; height: 25px;  display: inline-block; margin: 1px 3px; line-height: 25px; }
.worker_count span{ min-width: 25px; height: 25px;  display: inline-block; margin: 1px 5px; line-height: 25px; }
.worker_count a img{width: 100%; vertical-align: middle; margin-top: -3px;}

.worker_footer{padding: 0px 12px;}
.worker_footer .weui-cell:first-child{padding: 0px; line-height: 50px;}
.worker_btn .weui-cell__bd,.original_btn .weui-cell__bd,.preview_btn .weui-cell__bd,.worker_footer label .weui-cell__bd{text-align: right; font-size: 15px;}
.worker_btn .weui-icon-delete{font-size: 16px;}
.worker_footer label{font-size: 13px;}
.worker_btn a,.original_btn .weui-cell__bd a,.preview_btn .weui-cell__bd a{ display: inline-block; padding: 10px 15px;}
.worker_btn{font-size: 13px;}
.copy_btn {    
    font-size: 13px;
    float: right;  
    display: block ;
}
.f_leftbtn{text-align: left;}

.workmodel-header{padding: 10px 0; text-align: center; font-size: 20px; color: #000; letter-spacing: 1px;}
.workmodel-header_tips{text-align: center; font-size: 12px; color: #999; letter-spacing: 1px; padding: 3px 0px 15px 0px;}
.labelmodel{position: absolute;top: 1px;  right: 1px; z-index: 10;}
.layout_text{
	position: absolute; z-index: 10; 
	webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(250,250,250,.68);
    color: #000;
    font-size: 20px;
    left: 50%;
    top: 50%;
    padding: 2px 10px;
    letter-spacing: 1px;
    font-weight: 500;
}
.category_type_text{
	color: #000;
    font-size: 16px;   
    padding: 6px 10px;
    letter-spacing: 1px;
    font-weight: 500;
    display: block;
    text-align: center;
}
.workmodel_view li{position: relative; width: calc(33% - 18px); display: inline-block; margin: 8px;}
.workmodel_view{    padding-left: 11px;  padding-right: 2px;}
.workmodel_view li img{width: 100%;}
.workmodel_view{height: calc( 100% - 165px); box-sizing: border-box;}
.workmodel_view .weui-cell{ padding: 0px;}

.notnotice{text-align: center; width:calc(100% - 30px); border-radius: 5px; display: block; margin: 15px auto; height: 40px; line-height: 40px; }
.close_model{margin: 0 12px;}
.notice_num{position: fixed; right: 0; left: 0; bottom: 0px; height: 25px; line-height: 25px; text-align: center; display: none; font-size: 12px;}
.copyyes{position: absolute; top: 28px; right: 0px; width: 50px; height: 50px; text-align: center;}
.copyyes img{ width: 100%; vertical-align: middle;}
.work_itemlist { margin-bottom: 12px;}

.fr-dot-circle-o{position: relative;}
.fr-dot-circle-o i{ width: 6px; height: 6px; border-radius: 50%; display: block; vertical-align: middle; top: 9px; left: 13px; position: absolute;}
.text_modal_title { font-size: 13px;}
.weui-popup__overlay{opacity: 1;}

#show_worker .weui-cell.weui-check__label{padding: 0px;}
.icon_com{position: absolute; right: 5px; bottom: 5px;}

.Not_completedwork{position: relative; border-top: 1px solid #d9d9d9;}

.completehr{position: relative; height: 5px;}
.completehr span{border-top:1px dashed #cecece ; 
				height: 6px;
    			display: inline-block;
   				top: 7px;   				
    			position: absolute;
    			/*width: calc(100% - 76px);
    			left: 76px;*/
    			left: 0px;
    			width:100%;
    			}


.albumcontain {
    position: relative;
    height: auto;
    margin: 0px -6px -6px;
}

.creatalbum,.comfirm_submit {
    background: #fff;
    color: #919191;
    -webkit-box-shadow: 0 0 3px rgba(250,81,85, .2);
    -moz-box-shadow: 0 0 3px rgba(250,81,85, .2);
    box-shadow: 0 0 3px rgba(250,81,85, .2);
}
.albumimg {
    overflow: hidden;
    width: 100%;
    overflow: hidden;
    height: 100%;
    border-radius: 3px;
    background-color: #fff;
}
.albumimg_top_bg {
    background-repeat: repeat-x;
    background-image: url(../img/prebg2.png);
    margin: 0px auto -10px auto;
    z-index: 10;
    position: relative;
    height: 25px;   
}

.albumimg img {
    width: 100%;
    vertical-align: middle;
}
.albumitem {
    width: calc(50% - 12px);
    margin: 6px;
    box-sizing: content-box;
    position: relative;
}

.fr_label{
	position: absolute;	
	height: 35px;	
    z-index: 10;
    left: -10px;
    bottom: -10px;
}
.fr_label.weui-cell{
	padding: 10px;
}
.work_del{display: block; width: 45px;}



/*----------作品 --end------------*/

/*----------作品转成canvas --star------------*/

.canvas_head{ 
	margin: 11px auto; text-align: center; font-size: 14px; line-height: 10px;
}
.canvas_head .weui-icon-info{font-size: 15px; color: #ff6256;}
.pagemain,.previewmain{ justify-content: center;  align-items: center; height: 79px; margin: 0px 0px 0px -8px; }
.page_item,.editoritem,.preview_item{
	height: 79px; 	
	 text-align: center; 
	 position: relative;
	margin: 0;      
    overflow: hidden;
	 }
	 
.editoritem	{margin: 0 8px; background: no-repeat 50%;  background-size: cover;}
.editoritem img{height: 100%;}

.pagemain .p_canvas_box img {
    height: 100%;
    vertical-align: middle;
}
.weui-toast--text{background: rgba(250,250,250,.8);border: 0px;
    -webkit-box-shadow: 0 0 3px rgba(250,81,85, .2);
    -moz-box-shadow: 0 0 3px rgba(250,81,85, .2);
    box-shadow: 0 0 3px rgba(250,81,85, .2);}

.weui-toast--text p{   
    font-size: 13px; 
    word-wrap: break-word;
    word-break: break-all;
    color: #919191;
    border-radius: 3px;
	} 
	
	

/*.pageitem:first-child{padding: 6px 2px 6px 6px;}	 
.pageitem:last-child{padding: 6px 6px 6px 2px;}	 */
.pageitem,.previewitem{box-sizing: border-box;}
.pagemask,.previewmask{background: rgba(0,0,0,.5); line-height: 79px; z-index:8;}
.pageitem img,.previewitem img{height: 100%; vertical-align: middle;}
.changebtn i,.changebtn b{display: block; }
.changebtn b{font-size: 13px; text-align: center;}
.changebtn i{height: 25px; margin: 0 auto; text-align: center; width: 25px; }
.fa_text img{ vertical-align: middle; height: 100%;}

._overflow{height: 83px; overflow:hidden;}
.changebtn{width:calc(50% - 12px);}
.changebtn a{width:40%; margin: 0 auto; display: inline-block;}
.changelayout{margin-right: 20px;}
.original_btn .weui-cell,.preview_btn .weui-cell{padding: 6px 12px;}
.canvasbox{ height:calc(100% - 215px); text-align: center;
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    position: relative;
	     margin: 0 auto;


}
.previewcon{ height:calc(100% - 184px); text-align: center; position: relative;
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    position: relative;
	     margin: 0 auto;
}

.text_modal_title{ /*height: 35px;*/ width: 100%;}

.text_modal_area{ margin: 0 auto;}

.area_input {
    width: 100%;
    display: block;
    font-size: 12px;
    border: none;
    resize: none;
    background: #fff;
    word-wrap: break-word;
    word-break: break-all;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 140px;
    padding: 11px 12px;
    box-sizing: border-box;
    line-height: 18px;
    outline: none;
    
    
}

.text_modal_save{ text-align: right; padding:15px 12px;}

.cavasbtn{ height: 45px; text-align: center;}
.cavasbtn a{padding: 6px 15px; display: inline-block; margin: 0 8px; border: 1px solid #bfbfbf; border-radius: 8px;  margin-top: 12px;}
.save_text {/*padding: 8px 24px; */ padding:8px 0px;  border-radius: 3px;}

.lay_type_item,.bg_type_item{ height: 79px;  margin: 5px 8px; position: relative;}
.layout_list,.back_lay_type{ height: 79px; position: relative;}
.layout_list_box{ width: 100%; height: 79px; overflow: hidden;}
.lay_type_item img,.bg_type_item img{ height: 100%;}
.back_lay_type{ width: 79px; float: left;}
.layout_list {float: left;}
/*.lay_type_text{
	position: absolute;
    z-index: 10;
    webkit-transform: translate(-50%,-80%);
    transform: translate(-50%,-80%);   
    font-size: 12px;
    left: 50%;
    top: 80%;
    padding: 2px 10px;
    letter-spacing: 1px;
    font-weight: 500;
     white-space:nowrap; 
}*/

.lay_type_text{
	position: absolute;
    z-index: 10;
   /* webkit-transform: translate(-50%,-80%);
    transform: translate(-50%,-80%);   
    font-size: 12px;
    left: 50%;
    top: 80%;*/
    bottom: 10px;
    margin: 0 auto;
     padding: 1px 2px;
    letter-spacing: 1px;
    font-weight: 500;
     white-space:nowrap; 
     width:85%;
     text-align: center;
    left: 5%;
    box-sizing: content-box;
}

.layout_list_item,.back_lay_type{
	 border: 1px solid #d8d8d8;
    text-align: center;
    box-sizing: border-box;
    margin: 0 8px; 
    position: relative;
}

.back_lay_type img{ 
	width:100%;	
    z-index: 10;   
    font-size: 12px;
    vertical-align: middle;
}
.pic_mask{ z-index: 100;}
.pic_maskbox,.share_pic_maskbox{height: 100%; width:100%; position: relative; background: rgba(0,0,0,.35);}
.pic_maskbox img{ width: 100%; vertical-align: middle;}
.share_pic_maskbox img{position: absolute; bottom: -4%; width: 100%;}
#share_pic_mask .weui-popup__modal{background: transparent; height: 100%;}
#share_pic_mask .share_pic_box{text-align: center; margin: 10%; background: transparent; position: relative;}
#share_pic_mask .share_pic_box img{width: 100%; vertical-align: middle; }
#share_pic_mask .share_pic_close{position: absolute; right: -12px; top: -12px;} 
#share_pic_mask .weui-icon-cancel:before{margin: 0px;}

.currentpage {
    padding: 0 12px;
}

.currentpage {
    color: #7e7e7e;
}

.currentpage {
    height: 24px;
}
/*----------作品转成canvas --end------------*/


/*-----------上传的图片---------star----------*/
.image_item{ 
	position: relative; 
	margin: 5px;
	width:77px;
    height: 77px;
    border: 1px solid #d9d9d9;}
    
.img_src{ height: 100%; width:100%; overflow: hidden;}
.image_item img{width: 100%;}
.del_close{position: absolute; top: -8px; right: -1px;}
.upload_imagecon .weui-icon-cancel:before{font-size: 18px; margin-left: 0px;    margin-right: 0px;}
.upload_imagecon .weui-icon-cancel{background: #fff; border-radius: 50%;}
._uploadbottom {
    padding: 7px 12px;
}
._uploadbottom a {
    display: block;
    height: 33px;
    line-height: 33px;
    border-radius: 3px;
    text-align: center;
}
.work_name {
    width: 63%;
    font-size: 20px;
    background: #fff;
    color: #ff6256;
}
.open_up.notupload {
    background: rgba(234,234,234,.5);
    border: 1px solid #d8d8d8;
    color: #7e7e7e;
}
._uploadbottom a {
    display: block;
    height: 33px;
    line-height: 33px;
    border-radius: 3px;
    text-align: center;
}
.uploadcon, .uploadoper._footer{
	    background: #eaeaea;
}
.open_up {
    width: calc(40% - 24px);
    margin-left: 12px;
    background: #ff6256;
    color: #fff;
}
.uploadbox .weui-cells {
    background: transparent;
}
.uploadoper {
    border-top: 1px solid #d8d8d8;
}
/*-----------上传的图片---------end----------*/


/*-----------选择时间---------end----------*/

.selectdate{z-index: 100; background: rgba(0,0,0,.2);}
.selectbox{
	width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    text-align: center;
    overflow: hidden;
    -webkit-transform:translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #ffffff;
    border: 0px;
    position: absolute;
}
.selectbox .weui-dialog__hd {
    background: #ff575c;
    height: 45px;
    color: #fff;
    line-height: 45px;
}
.selectbox .weui-dialog__btn {
    color: #ff575c;
    position: relative;
}
.selectdate .weui-dialog{
	border-radius: 10px;
}
.selectdate .weui-dialog__bd{
	height: 160px;
	position: relative;
}
.selectdate  .time-container{
	height: 180px;
	margin: 15px auto;
	overflow: hidden;
	position: relative;
	}
.date_close .weui-icon-cancel:before { margin-left: 0px;    margin-right: 0px;}
.date_close .weui-icon-cancel{border-radius: 50%;}
.date_close{ position: absolute; top:5px; right: 8px;}

.datetimestyle .picker-items{
	-webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    
}
.datetimestyle .picker-center-highlight{ height: 45px; }
.datetimestyle .picker-item {
    height: 45px;
   line-height: 60px;
}
.datetimestyle{background: rgba(250,250,250,.1);}
.datetimestyle.picker-modal-inline,.datetimestyle .picker-modal-inner{ height: 8.8rem;}
.weui-picker-modal .picker-modal-inner{margin-top: -0.5rem;}
.weui-picker-modal .picker-item.picker-selected{color: #ff6256;}
/*-----------选择时间---------end----------*/


/*-----------提交作品---------end----------*/
.submitalbumbox{padding:12px; width: 80%; margin: 0 auto;}
.submit_type{ padding: 12px; font-size: 15px;}
.order_no{ padding: 12px 0px;}
.orderinput{color: #666; width: 100%;  border-radius: 8px; outline:none; border: 1px solid #ccc; padding: 10px 0; text-align: center;}

.submit_btn{ padding: 15px 0;}
.submit_btn a{width: 100%; height: 35px; display: block; color: #fff; text-align: center; margin: 15px auto; line-height: 35px;}

.order_tips{ margin-top: 15px;}

.submit_infobox{width: 80%; margin: 0 auto;}
.orderinputtips{ padding-top: 10px;}
.gotoedit.disablebtn i{opacity: .5;}
.gotoedit.disablebtn b{color:rgba(250,250,250,.5)}
.order_number {
    width: 100%;
    border-radius: 3px;
    height: 35px;
    margin: 15px auto;
    line-height: 35px;
    display: block;
}

.order_copy {
    width: 65px;
    height: 35px;
    float: left;
     color: #919191;
}
.order_numoper {
    float: right;
    border: 1px solid #cecece;
}
.order_number a.order_jian {
    border-right: 1px solid #cecece;    
}
.order_number a.order_add {
    border-left: 1px solid #cecece;   
}
.order_number a {
    width: 35px;
    height: 35px;
    float: left;
    display: block;
    color: #838383;
    text-align: center;
      font-size: 18px;
}

.order_number input {
    color: #666;   
    outline: none;
    border: 0px;
    padding: 10px 0;
    text-align: center;
    width: 37px;
    float: left;
}



/*-----------提交---------end----------*/


/*-----------分享---------star----------*/

.shareimglist img{width:100%; border: 0px;}
/*.swiper-container {
        width: 100%;
        height: 100%;
    }

 /*.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background-color: rgba(0,0,0, 0);}
 
 .swiper-button-next, .swiper-button-prev{background-color: rgba(0,0,0, .25);}*/
    
/*-----------分享---------end----------*/

.uploadingbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    
}

.up_progress {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-45%,-50%);
    transform: translate(-45%,-50%);
    text-align: center;
    color: #fff;
    font-size: 17px;
    
}


.show_calendar{padding-bottom:5px; border-bottom: 1px solid #d9d9d9;}

.sharepicbg img{background: no-repeat 50%;  background-size: cover; vertical-align: middle;  border: 0px;}
.layout_inner img{width: 100%; max-width: 48px; height: 100%; max-height: 48px;}

.gallerytitle {
    /*text-align: center;
    font-size: 12px;
   	height: 47px;
	line-height:33px;
    color: #fafafa;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    /* background-color: rgba(21,20,20,0.5); 
    background-color: rgba(0,0,0,.2);    */ 
    
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #fafafa;
    position: absolute;
    left: 43%;
    bottom: 22px;
    right: 0;    
    background-color: rgba(0,0,0,.2);
    width: 14%;
    border-radius: 35px;
}
.popup_forbidden{ z-index: 99; background:rgba(0,0,0,0);}

.layout_tit{ display: inline-block; float: left;}
.layout_sty label{margin: 0 15px; float: left;}
.layout_sty .weui-cell{padding: 0px; float: left;}
.layout_sty{float: left; padding-top: 1px;}
#previewPic{margin: 0 auto;background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.preview_top_bg{ 
	 background-repeat:repeat-x;    
     background-image: url("../img/prebg.png");     
     margin: 10px auto -11px auto;
    z-index: 9;
    position: relative;
    height: 25px;
    }
   
.editor_top_bg{ 
	 background-repeat:repeat-x;    
     background-image: url("../img/prebg.png");     
     margin: 0px auto -11px auto;
     z-index: 10;
     position: relative;
     height: 25px;
    }
   
   
   
.preview_item img,#previewPic img{	
 	 position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    }
  
._submitbuy{
	/*position: fixed;	
	 bottom: 15px;
	left: 15%;  */	
   height: 35px;
    padding: 12px;
    width: 64%;
    margin-left: 15%;
}
._submitbuy a{
	background: #ff6256;
	color: #fff;	
	width: 100%;
    height: 35px;
    display: block;  
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    border-radius: 3px;
}

.upload_img {
    border: 1px solid #919191;
}

.upload_img {
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    box-sizing: border-box;
    background: no-repeat 50%;
    background-size: cover;
}

.delimportimg {
    height: 20px;
    float: right;
    margin-right: -10px;
    width: 20px;
    line-height: 20px;
    border-radius: 50%;   
    color: #fff;
    text-align: center;
    margin-top: -10px;
    border: 0px;
	position: absolute;
    right: 12px;
    top: 8px;
}
.delimportimg .weui-icon-cancel,.upload_i_worn .weui-icon-warn {    
    font-size: 18px;
}
.upload_i_worn {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 16px;
    -webkit-transform: translate(-72%,-25%);
    transform: translate(-72%,-25%);
    color: #fff;
}
.upload_i_worn .weui-icon-warn {
    display: inline-block;
}

.weui-icon-warn {
    font-size: 23px;
    color: #f43530;
}

.uploadbox .weui-uploader__file, .up_page_info .weui-uploader__file {  
    position: relative;
    text-align: center;
    box-sizing:  border-box;  
}

.up_refresh {
    display: block;
    position: absolute;
    top: 32%;
    left: 45%;
    -webkit-transform: translate(-32%,-45%);
    transform: translate(-32%,-45%);
    color: #fff;
}
.up_refresh i{
	 background-repeat: no-repeat;
     background-position: center;
     background-image: url("../img/reflesh.png");
     background-size: cover;
     height: 19px;
     width: 19px;
     display: block;
}

.up_refreshtxt {
    position: absolute;
    top: 0;
    z-index: 13;
    left: 0;
    right: 0;
    height: 50%;
    padding-top: 50%;
}

.up_refreshtxt span {
    width: 100%;
    font-size: 10px;
    display: block;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}